<style>
    body {
        padding-top: 40px; 
    }
    .container {
        width: 300px;
    }

    .container > .content {
        background-color: #fff;
        padding: 20px;
        margin: 0 -20px; 
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }

    .login-form {
        margin-left: 65px;
    }

    legend {
        margin-right: -50px;
        font-weight: bold;
        color: #404040;
    }
</style>
<div class="container">
    <div class="content">
            {% if errorMessage != "" %}
            <div class="row-fluid">
                <div class="alert alert-error">
                        <button class="close" data-dismiss="alert">x</button>
                        {{ errorMessage }}
                </div>
            </div>
            {% else %}
                {% if message != "" %}
                <div class="row-fluid">
                    <div class="alert alert-success">
                            <button class="close" data-dismiss="alert">x</button>
                            {{ message }}
                    </div>
                </div>        
                {% endif %}
            {% endif %}
        <div class="row">
            <div class="row-fluid">
                <div class="login-form">
                    <h2>Login</h2>
                    <form action="{{ loginForm.attribs.action}}" method="{{ loginForm.attribs.method}}">
                        <fieldset>
                            <div class="clearfix">
                                {{ loginForm.elements.username|raw }} 
                            </div>
                            <div class="clearfix">
                                {{ loginForm.elements.password|raw }} 
                            </div>
                            <button class="btn primary" type="submit">Sign in</button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span3"><a href="/register">Register</a> </div>
            <div class="span5"><a href="/register/reset">Reset Password</a></div>
        </div>
    </div>
</div> <!-- /container -->